@import url(public.css?v=1.03);.header-center { height: 80px; background:#202020;overflow:hidden;}
.header-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.header-center .logo { max-width: 270px;padding-top:10px; overflow: hidden; float:left;}
.header-center .logo img { width: 100%;max-height:60px; display: block; }
.header-center .nav{float:right;}
.header-center .nav li { float: left; }
.header-center .nav li a { display: block; padding: 0 18px; height: 80px;line-height:80px; text-align: center; min-width: 70px; border-left: 1px solid transparent; border-right: 1px solid transparent; position: relative; color:#BEBEBF}
.header-center .nav li a::before { width: 100%; height: 4px; content: ''; display: none; left: 0; bottom: 0; position: absolute; background: #ff9800; }
.header-center .nav li a p { font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; padding-top: 15px; }
.header-center .nav li a span { font-size: 12px; text-transform: capitalize; }
.header-center .nav li a:hover { color: #ff9800; background: #2d241e; }
.header-center .nav li a:hover::before { display: block; }
.header-center .nav li a:hover span { color: #1090dd; }
.header-center .nav .on a { color: #ff9800; font-weight: bold; background: #2d241e; }
.header-center .nav .on a::before { display: block; }
.header-center .nav .on a span { color: #1090dd; }
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .header-center{height:42px;padding:5px 10px;}
    .header-center .logo{padding-top:0px;}
    .header-center .logo img{height:40px;}
    .header-center .nav{display:none;position:fixed;top:50px;left:0px;width:100%;height:100%;background:#000000;}
    .header-center .nav li{float:none;}
    .header-center .nav li a{height:40px;line-height:40px;width:auto;padding:0px 15px;}
    .menu-button-container {height: 35px;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:17px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

    .hot-game-box{position:relative;padding:15px 0px 15px 54px;overflow:hidden;background:#FFF;margin-bottom:20px;}
    .hot-game-box span{background:#ff6633;color:#FFF;writing-mode:tb-rl;position:absolute;display:flex;left:0px;top:0px;width:54px;height:100%;align-items: center;justify-content:center;border-radius:0 0.15rem 0.15rem 0;font-size:16px;}
    .hot-game-box ul li{float:left;width:103px;padding:0px 5px;text-align:center;}
    .hot-game-box ul li p{height:24px;line-height:24px;overflow:hidden;}
    .hot-game-box ul li p a{font-size:12px;}
    .hot-game-box ul li img{width:80px;height:80px;border-radius:15px;}
    @media screen and (max-width:1000px) {
        .hot-game-box{padding:8px 0px;margin-bottom:5px;}
        .hot-game-box span{display:none;}
        .hot-game-box ul li{width:18%;padding:5px 1%;}
        .hot-game-box ul li img{width:60px;height:60px;}
    }

.news-box-l{width:380px;overflow:hidden;float:left;}
.banner-box{position:relative;}
.banner-box img{width:100%;height:240px;}
.banner-box-thumbs img{width:100%;height:50px;}
.banner-box-thumbs.swiper-container-thumbs{margin-top:10px;}
.banner-box-thumbs .swiper-slide{border:4px solid #FFF}
.banner-box-thumbs .swiper-slide.swiper-slide-thumb-active{border-color:#666;}

.banner-b{}
.banner-b li{margin-left:10px;float:left;position:relative;margin-top:10px;}
.banner-b li:nth-child(1),.banner-b li:nth-child(4){margin-left:0px;}
.banner-b li img{width:120px;height:82px;display:block;}
.banner-b li p{position:absolute;height:24px;line-height:24px;font-size:12px;text-align:center;width:100%;z-index:3;left:0px;bottom:0px;color:#FFF;}
.banner-b li a::after{content:'';height:24px;width:100%;position:absolute;z-index:2;left:0px;bottom:0px;background:#000;opacity:0.5;}

.news-box-c{width:422px;float:left;margin-left:15px;background:#FFF;overflow:hidden;}
.news-tab-menu{height:45px;line-height:45px;font-size:18px;margin-bottom:10px;}
.news-tab-menu li{cursor:pointer;background:#EEE;border-top:2px solid #999;color:#666;float:left;width:139px;text-align:center;margin-left:2px;}
.news-tab-menu li:nth-child(1){margin-left:0px;}
.news-tab-menu li.active{color:#444;position:relative;background:#FFF;border-color:#444;}

.news-tab-div{display:none;}
.news-tab-div.active{display:block;}
.news-tab-div ol{padding-bottom:16px;margin:0px 15px;border-bottom:1px solid #EEE;}
.news-tab-div ol li{height:24px;line-height:24px;overflow:hidden;text-align:center;}
.news-tab-div ol li a{color:#999;font-size:12px;margin:0px 2px;}
.news-tab-div ol li.banner-box-td{padding-top:6px;}
.news-tab-div ol li.banner-box-td a{color:#fe8900;font-size:18px;margin:0px;}

.news-tab-div ul{padding:8px 15px;}
.news-tab-div ul li{clear:both;height:35px;line-height:35px;overflow:hidden;padding-left:12px;position:relative;}
.news-tab-div ul li a{float:left;color:#666;}
.news-tab-div ul li:after{content:"";background:#ccc;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position:absolute;left:0;top:50%;}

.toutiao-box-r{float:right;width:368px;background:#FFF}
.toutiao-box-r h2{font-size:18px;padding-left:15px;line-height:45px;}
.toutiao-box-r ul{overflow:hidden;padding-bottom:15px;}
.toutiao-box-r ul li{clear:both;padding:10px 75px 9px 15px;background:#FFF;position:relative;}
.toutiao-box-r ul li img{width:66px;height:66px;border-radius:15px;float:left;margin-right:15px;}
.toutiao-box-r ul li .game-title{max-height:44px;line-height:22px;overflow:hidden;}
.toutiao-box-r ul li .game-title a{font-size:18px;font-weight:bold;}
.toutiao-box-r ul li .game-install{font-size:12px;color:#999;padding-top:6px;}
.toutiao-box-r ul li .game-score{position:absolute;right:10px;top:10px;background:#EEE;width:48px;height:48px;line-height:48px;border-radius:48px;text-align:center;color:red;font-size:18px;}
@media screen and (max-width:1000px) {
    .news-box-l{width:100%;}
    .banner-b li,.banner-b li:nth-child(1),.banner-b li:nth-child(4){width:30%;margin-left:2.5%}
    .banner-b li img{width:100%;height:5.3rem;}
    .banner-b li p{height:30px;line-height:30px;}
    .banner-b li a::after{height:30px;}
    .news-box-c{width:100%;margin-top:10px;margin-left:0px;float:none;}
    .news-tab-menu{width:100%;}
    .news-tab-menu ul{width:100%;}
    .news-tab-menu li{width:33.33333%;margin-left:0px;}
    .toutiao-box-r{margin-top:10px;float:none;width:auto;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.index-game-box{width:860px;float:left;}
.index-game-box {clear:both;background:#FFF;border-radius:5px;}
.index-game-box .game-tab {position:relative;}
.index-game-box .game-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.index-game-box .game-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.index-game-box .game-tab span.active{color:#dc191b;font-weight:bold;}
.index-game-box .game-tab span.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.index-game-box .game-list{display:none;}
.index-game-box .game-list.active {display:block;}
.index-game-box .game-list ul li{padding:15px;overflow:hidden;float:left;width:390px;}
.index-game-box .game-list ul li img{float:left;width:88px;height:88px;border-radius:8px;margin-right:15px;}
.index-game-box .game-list ul li p.game-title{position:relative;padding-right:65px;height:30px;line-height:30px;}
.index-game-box .game-list ul li p.game-title time{position:absolute;right:0px;top:0px;font-size:12px;color:#666;}
.index-game-box .game-list ul li p.game-title a{color:#333;font-size:16px;}
.index-game-box .game-list ul li p.game-desc{font-size:14px;color:#999;line-height:20px;height:40px;overflow:hidden;font-size:12px;}

.index-game-right{background:#FFF;width:320px;float:right;}
.index-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.index-game-right ul{overflow:hidden;}
.index-game-right ul li{clear:bot;overflow:hidden;padding:15px 20px;}
.index-game-right ul li img{width:88px;height:88px;border-radius:8px;float:left;margin-right:15px;}
.index-game-right ul li .index-game-title{font-size:16px;}
.index-game-rightul li .index-game-type{color:#999;margin-top:8px;}
.index-game-right ul li .index-game-down{margin-top:8px;}

.game-type{background:#FFF;overflow:hidden;padding:15px 15px 15px 5px}
.game-type a{float:left;margin-left:15px;margin-top:5px;display:inline-block;}

@media screen and (max-width:1000px) {
    .game-type{padding:8px}
    .index-game-box{width:auto;float:none;}
    .index-game-box .game-list ul li{width:auto;float:none;padding:12px;}
    .index-game-right{float:none;width:100%;}
    .index-game-right ul li{padding:12px;}
}

.index-rank-box{float:left;margin-left:16px;width:288px;margin-top:20px;}
.index-rank-box:nth-child(1){margin-left:0px;}
.index-rank-box h2 {line-height:42px;background-color:#2f8ab7;width:100%;color:#fff;text-align:center;font-size:16px}
.index-rank-box ol {position:relative;padding-top:200px;background-color:#39C}
.index-rank-box ol li {position:relative;line-height:20px}
.index-rank-box ol .t {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-rank-box ol .num {border-radius:100%}
.index-rank-box ol .i {font-size:12px;color:#888}
.index-rank-box ol .n1 {left:50%;top:35px;margin-left:-40px}
.index-rank-box ol .n1 .img {width:66px;height:66px;margin:0 auto;border:3px solid #fff;border-radius:20px}
.index-rank-box ol .n2 .img,
.index-rank-box ol .n3 .img {width:58px;height:58px;margin:0 auto;border:3px solid #fff;border-radius:18px}
.index-rank-box ol .n1,
.index-rank-box ol .n2,
.index-rank-box ol .n3 {width:80px;margin-top:20px;position:absolute;text-align:center;color:#fff}
.index-rank-box ol .n1 .t,
.index-rank-box ol .n2 .t,
.index-rank-box ol .n3 .t {margin:5px 0 0}
.index-rank-box ol .n1 .t a,
.index-rank-box ol .n2 .t a,
.index-rank-box ol .n3 .t a {color:#fff}
.index-rank-box ol .n1 .i,
.index-rank-box ol .n2 .i,
.index-rank-box ol .n3 .i {color:#fff;opacity:0.8}
.index-rank-box ol .n1 .num,
.index-rank-box ol .n2 .num,
.index-rank-box ol .n3 .num {position:absolute;left:50%;top:-10px;background-color:#fff;color:#000;line-height:20px;width:20px;margin-left:-10px;font-weight:bolder}
.index-rank-box ol .img {overflow:hidden}
.index-rank-box ol .img img {width:100%;height:100%}
.index-rank-box ol .n2 {left:5px;top:50px}
.index-rank-box ol .n3 {right:5px;top:50px}
.index-rank-box ol .nn {border-bottom:1px solid #eee;padding:10px 10px 10px 40px;background-color:#fff;height:32px}
.index-rank-box ol .nn .img {width:32px;height:32px;float:left;margin-right:10px}
.index-rank-box ol .nn .t {margin:6px 0;float:left;max-width:130px}
.index-rank-box ol .nn .i {float:right;margin:6px 0}
.index-rank-box ol .nn .num {position:absolute;left:10px;top:16px;width:20px;text-align:center;border-radius:4px;background-color:#A3B0BE;color:#fff;font-size:12px}
@media screen and (max-width:1000px) {
    .index-rank-box{width:auto;float:none;margin-top:10px;margin-left:0px;}
}

.news-box{background:#FFF;overflow:hidden;padding:0px 15px 15px 15px;}
.news-box h2{font-size:16px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.news-list{padding-top:15px;}
.news-list .news-left-box{width:390px;overflow:hidden;float:left;}
.news-list .news-left-box ul:nth-child(1){width:390px;height:260px}
.news-list .news-left-box ul:nth-child(1) li img{width:390px;height:260px;}
.news-list .news-left-box ul:nth-child(2){padding-top:8px;}
.news-list .news-left-box ul:nth-child(2) li{overflow:hidden;width:188px;}
.news-list .news-left-box ul:nth-child(2) li img{width:188px;height:135px;}
.news-list .news-left-box ul:nth-child(2) li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-list .news-left-box ul:nth-child(2) li p a{color:#333;font-size:14px;}

.news-list .news-left-box ol{overflow:hidden;padding-bottom:11px;padding-top:6px;clear:both;}
.news-list .news-left-box ol li{overflow:hidden;padding:8px;float:left;width:81px;text-align:center;}
.news-list .news-left-box ol li img{width:81px;height:81px;border-radius:8px;}
.news-list .news-left-box ol li p{font-size:14px;padding-top:8px;height:26px;line-height:22px;overflow:hidden;}
.news-list .news-left-box ol li span{font-size:12px;color:#999;}
.news-list .news-left-box ol li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.news-list .news-center-txt{width:755px;padding-left:15px;overflow:hidden;float:right;}
.news-list .news-center-txt ul li{padding:9px 0px 9px 18px;width:340px;overflow:hidden;float:left;}
.news-list .news-center-txt ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.news-list .news-center-txt ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.news-list .news-center-txt ul li p.news-title a{color:#333;font-size:16px;}
.news-list .news-center-txt ul li p time{float:left;font-size:14px;color:#999;}
.news-list .news-center-txt ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .news-box{padding:0px;}
    .news-box h2{display:none;}
    .news-list{margin-top:8px;padding-top:0px;}
    .news-list .news-left-box{width:100%;}
    .news-list .news-left-box ol li{width:22.5%;margin-left:2.5%;padding:10px 0px;}
    .news-list .news-left-box ol li img{width:66px;height:66px;display:inline-block;margin:0px auto;}
    .news-list .news-left-box ol li p{font-size:12px;}
    .news-list .news-center-txt{width:auto;padding:12px;}
    .news-list .news-center-txt ul li p time{font-size:12px;}
    .news-list .news-center-txt ul li p span{font-size:12px;}
}


.ask-box{clear:both;overflow:hidden;background:#FFF;margin-top:20px;}
.ask-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-box-title h2{float:left;font-size:18px;}
.ask-box-title a{float:right;}
.ask-box ul{padding:10px 0px 10px 8px;float:left;width:355px;}
.ask-box ul li{position:relative;padding:8px 0px 8px 23px;border-left:1px solid #EEE;height:62px;}
.ask-box ul li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.ask-box ul li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.ask-box ul li img{width:48px;height:48px;border-radius:48px;float:left;margin-right:10px;}
.ask-box ul p span,.ask-box ul p time{font-size:12px;color:#999;margin-right:15px;}
.ask-box ul p:last-child{margin-top:6px;}
@media screen and (max-width:1000px) {
    .ask-box{margin-top:10px;}
    .ask-box ul{float:none;width:96%;padding:10px 2%}
    .ask-box ul li{padding:8px 8px 8px 23px;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{padding:10px}
    }